<!-- <vue 根据提示回车即可出现如下结构 -->
<template>
	<div>
		<!-- 使用插值表达式 把数据在页面中使用 -->
		<h1>{{count}}</h1>

		<!-- 对象点语法 -->
		<h2>{{ obj.age > 18 ? '成年' : '未成年' }}</h2>

		<!-- 三元表达式 -->
		<h3>{{obj.name}}</h3>
    
		<button @click="one(1)">+1</button>


	</div>
</template>

<script>
// import { count } from 'console';

	export default {
		
           data(){
						return {
							count : 1 ,
							obj: {
								name : '小vue' ,
								age : 17 ,
							}
							
						}
                
					 },
					 methods: {
               one(num){
							this.count += num
							 }
					 }
					 
	}
</script>

<style>

</style>
